﻿<%@ Page Language="C#" MasterPageFile="~/U_masterP.master" AutoEventWireup="true"
    CodeFile="joinPage.aspx.cs" Inherits="joinPage" %>

<%@ Register Src="uc_main/sideBar_right.ascx" TagName="sideBar_right" TagPrefix="uc1" %>
<%@ Register Src="CaptchaCtrl.ascx" TagName="CaptchaCtrl" TagPrefix="uc2" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <title>Vieclamgap.net | Join in Vieclamgap.net</title>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <div id="content_top">
        <%--<asp:CheckBox ID="CheckBox1" runat="server"/>--%>
        <div id="kep">
            <a>Đăng ký thành viên</a></div>
        <div id="tags">
            <p class="title_p">
                <a href="signin.aspx">Đăng nhập</a> khi đã là thành viên</p>
        </div>
        <%--<a href="#">
                    <img alt="X" src="img/dky.png" /></a>--%>
    </div>
    <div class="clear">
    </div>
    <div id="sub_content">
        <div id="content_left">
            <table style="width: 100%; margin-top: 10px" id="tbl_dky">
                <%--<asp:UpdatePanel ID="updateJoi" runat="server" UpdateMode="Conditional">
           <ContentTemplate>--%>
                <tr>
                    <td class="tiude">
                        Tên đăng nhập <span style="color: Red; font-weight: normal; font-style: italic; font-size: 12px">
                            (*)</span> :
                    </td>
                </tr>
                <tr>
                    <td class="textbox">
                        <asp:TextBox ID="txtUser" runat="server" CssClass="text1" onkeyup="valid(this,'special')"
                            onblur="valid(this,'special')"></asp:TextBox>
                        <ajaxToolkit:FilteredTextBoxExtender ID="TextBox1_FilteredTextBoxExtender" runat="server"
                            FilterMode="InvalidChars" InvalidChars="!@#$%^&amp;*()_-+=\|{}[]&quot;':,&lt;&gt;.;?/"
                            TargetControlID="txtUser">
                        </ajaxToolkit:FilteredTextBoxExtender>
                    </td>
                </tr>
                <tr>
                    <td class="tiude">
                        Email <span style="color: Red; font-weight: normal; font-style: italic; font-size: 12px">
                            (*)</span> :<span class="dauhoihien"><a><img width="17px" height="17px" src="<%=ResolveClientUrl("~/img/dauhoi.png")%>"
                                style="vertical-align: middle" />
                                <div class="dauhoi">
                                    <span>(*) Email rất quan trọng ! Dùng để liên lạc giữa khách hàng và người bán.
                                        <br />
                                        (*) Hãy sử dụng Email bạn thường sử dụng. </span>
                                </div>
                            </a></span>
                    </td>
                </tr>
                <tr>
                    <td class="textbox">
                        <asp:TextBox ID="txtEmail" runat="server" CssClass="text2" onkeyup="valid(this,'email')"
                            onblur="valid(this,'email')"></asp:TextBox>
                        <%--  <ajaxToolkit:FilteredTextBoxExtender ID="FilteredTextBoxExtender1" 
                            runat="server" FilterMode="InvalidChars" InvalidChars="!#$%^&amp;*()_-+=;\|{}[]&quot;':,&lt;&gt;?/" 
                            TargetControlID="txtEmail">
                        </ajaxToolkit:FilteredTextBoxExtender>--%>
                    </td>
                </tr>
                <tr>
                    <td class="tiude">
                        Mật khẩu <span style="color: Red; font-weight: normal; font-style: italic; font-size: 12px">
                            (*)</span> :
                    </td>
                </tr>
                <tr>
                    <td class="textbox">
                        <asp:TextBox ID="txtMK" runat="server" CssClass="text3" TextMode="Password"></asp:TextBox>
                        <br />
                        <%-- <asp:Label ID="TextBox2_HelpLabel" runat="server" /><br /><br />
                        <ajaxToolkit:PasswordStrength ID="PasswordStrength2" runat="server" TargetControlID="txtMK"
                            DisplayPosition="RightSide" 
                            StrengthIndicatorType="BarIndicator"
                            PreferredPasswordLength="6"
                            HelpStatusLabelID="TextBox2_HelpLabel"
                            BarBorderCssClass="BarBorder_TextBox2"
                            MinimumNumericCharacters="1"
                            MinimumSymbolCharacters="1"
                            TextStrengthDescriptions="Yếu;Mạnh;Trung Bình;Rất Mạnh;Tuyệt Vời"
                            RequiresUpperAndLowerCaseCharacters="true" />--%>
                    </td>
                </tr>
                <%--</ContentTemplate>
            </asp:UpdatePanel>--%>
                <tr>
                    <td id="capcha">
                        <uc2:CaptchaCtrl ID="CaptchaCtrl1" runat="server" />
                    </td>
                </tr>
                <tr>
                    <td class="check">
                        <%--</asp:ContentPlaceHolder>--%>
                        <input id="chekDongY" type="checkbox" />
                        Tôi đồng ý với các <a href="huongdan.aspx">điều khoản</a> và <a href="quydinh.aspx">
                            quy định</a>.
                    </td>
                </tr>
                <tr>
                    <td class="style1">
                        <p class="chuthich">
                            (*) Những thông tin bắt buộc.<br />
                            (*) Email Rất quan trọng !
                        </p>
                    </td>
                </tr>
                <tr>
                    <td>
                        <asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="~/img/dky.png" OnClientClick=" return check()"
                            OnClick="ImageButton1_Click1" />
                        <a onclick="xoaMau()" style="color: #0e9862; text-decoration: underline; cursor: pointer">
                            nhập lại</a>
                        <br />
                        <br />
                    </td>
                </tr>
                <tr>
                    <td>
                        <asp:Literal ID="Literal1" runat="server"></asp:Literal>
                        &nbsp;
                    </td>
                </tr>
            </table>
            <%--<div class="clear">
            </div>
            <div class="gachtren">
            </div>
            <div class="gachduoi">
            </div>--%>
        </div>
        <div id="content_right">
            <uc1:sideBar_right ID="sideBar_right1" runat="server" />
        </div>
    </div>
    <script type="text/javascript">
        $(document).ready(function () {
            // ktra chieu dai
            $(".text1").keyup(function () {
                var nguyen = this.value.replace(' ', '');
                var len = nguyen.length;
                if (len >= 50) {
                    alert('Tối đa 50 ký tự');
                    this.value = this.value.substring(0, 50);
                }
            });
            // Css
            $(".text1").focus(function () {
                $(".text1").css("background", "#f5f496");

            });
            $(".text1").blur(function () {
                $(".text1").css("border", "1px solid #D5D5C5");
                $(".text1").css("background", "#F5F5E5");
                if ($(".text1").val() != null && $(".text1").val() != "") {
                    $(".text1").css("background", "#f5f496");
                }
            });
            
            //-------------
            $(".text2").focus(function () {
                $(".text2").css("background", "#f5f496");

            });
            $(".text2").blur(function () {
                $(".text2").css("border", "1px solid #D5D5C5");
                $(".text2").css("background", "#F5F5E5");
                if ($(".text2").val() != null && $(".text2").val() != "") {
                    $(".text2").css("background", "#f5f496");
                }
            });
            
            //-------------
            $(".text3").focus(function () {
                $(".text3").css("background", "#f5f496");

            });
            $(".text3").blur(function () {
                $(".text3").css("border", "1px solid #D5D5C5");
                $(".text3").css("background", "#F5F5E5");
                if ($(".text3").val() != null && $(".text3").val() != "") {
                    $(".text3").css("background", "#f5f496");
                }
            });
            
            //-------------
        });

        function check() {
            if ($(".text1").val() == "") {
                alert("Bạn hãy nhập họ tên!");
                $(".text1").focus();
                return false;
            } else if ($(".text2").val() == "") {
                alert("Bạn hãy nhập email !");
                $(".text2").focus();
                return false;
            } else if ($(".text3").val() == "") {
                alert("Bạn hãy nhập mật khẩu!");
                $(".text3").focus();
                return false;
            } else {
                var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
                var emailaddressVal = $(".text2").val();
                if (!emailReg.test(emailaddressVal)) {
                    alert("Email không hợp lệ! Mời bạn nhập lại email!");
                    $(".text2").focus();
                    return false;
                }
            }
        
            if($("#chekDongY").is(':checked')) 
            {
           
            }else {
            alert("Bạn phải đồng ý với các quy định của chúng tôi trước khi trở thành thành viên !");
            $("#chekDongY").focus();
            return false;
    }
         
    }
    function xoaMau(){
        $(".text1").val("");
        $(".text2").val("");
        $(".text3").val("");
         $(".text1").css("background", "#F5F5E5");
          $(".text2").css("background", "#F5F5E5");
           $(".text3").css("background", "#F5F5E5");
    }
    var r = {
        'special': /['\\!@#$%^&*\()\{\}\[\]\"\b\/\|\+=_\-<>,;?']/g, ///[\W]/g,
        'quotes': /['\''&'\"']/g,
        'notnumbers': /[^\d]/g,
        'custum': /['\\!@#$%^&*\()\"\b\/\|\:+=_\-<>;.?']/g,
        'email': /['\\!#$%^&*\()\"\b\/\|\,\{\}\[\]:+=_\-<>;?']/g,
        'special': /['\\!@#$%^&*\()\{\}\[\]\"\b\/\|\+=_\-<>,.:;?']/g,
    }

    function valid(o, w) {
        o.value = o.value.replace(r[w], '');
    }
    </script>
    <style>
        .dauhoi span
        {
            visibility: hidden;
            display: inline;
            position: absolute;
            left: 47%;
            margin-top: -15px;
            width: 200px;
            min-height: 50px;
            color: red;
            background-color: white;
            border: 1px solid #03842a;
            padding: 5px;
            border-radius: 5px;
            font-size: 11px;
            font-family: Tahoma,Arial,Serif;
        }
        
        .dauhoihien a:hover span
        {
            visibility: visible;
        }
        .dauhoihien a:hover .dauhoi
        {
            visibility: visible;
        }
        
        .dauhoihien a:hover
        {
            text-decoration: none;
            color: #FF6600;
            visibility: visible;
        }
        .style1
        {
            height: 20px;
        }
        .text1, .text2, .text3
        {
            border: 1px solid #D5D5C5;
            width: 250px;
            height: 30px;
            overflow: hidden;
        }
    </style>
</asp:Content>
